<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>Login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Joychao <joy@joychao.cc>">
</head>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="/Public/Css/bootstrap-3.0.3-dist/css/bootstrap.css" />

<style type="text/css">
*{margin:0;padding: 0;}
body{background: #444 url("/Public/Img/background.png");font-family:"宋体";}
.loginBox{
    width:420px;height:230px;
    padding:0 20px;
    border:1px solid #fff;
    color:#000;
    margin-top:40px;
    border-radius:8px;
    background: white;box-shadow:0 0 15px #222;
    background: -moz-linear-gradient(top, #fff, #efefef 8%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f4f4f4));font:11px/1.5em 'Microsoft YaHei' ;
    position: absolute;
    left:50%;top:30%;
    margin-left:-210px;
    margin-top:-115px;
}
.loginBox h2{
    height:45px;
    font-size:20px;
    font-weight:normal;
}
.loginBox .left{
    height:100%;
    padding-right: 20px;
}
.regBtn{
    margin-top:21px;
    margin-right: 10px;
}
</style>
</head>
<body>
    <div class="container">
        <div class="loginBox row">
            <form class="form-group" method="POST">
            <h2>Splio Internal Tools</h2>
            <p><input class="form-control" name="email" id="email" size="30" placeholder="Email" type="email" required /></p>

            <p><input class="form-control" type="password" name="pwd" placeholder="Password" required/></p>
            <input type="hidden" name="op_type" id="op_type" value="1"/>
            <div class="row">
                <div class="col-md-offset-5 col-md-2"><input type="submit" value="Login" class="btn btn-danger"></div>
            </div>
            </form>
        </div><!-- /loginBox -->
    </div> <!-- /container -->
</body>
</html>
